<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css study</title>
    <link href="css/css_weight_study.css" rel="stylesheet"/>
</head>
<body class="body-view">
<div class="ct-view">
    <ul id="ballBar" class="ball-bar">
        <li class="ball-item">
            <p class="ball-num">1</p>
        </li>
        <li class="ball-item">
            <p>2</p>
        </li>
        <li class="ball-item">
            <p>3</p>
        </li>
        <li class="ball-item">
            <p>4</p>
        </li>
        <li class="ball-item">
            <p>5</p>
        </li>
        <li class="ball-item">
            <p>6</p>
        </li>
        <li class="ball-item">
            <p>7</p>
        </li>
        <li class="ball-item">
            <p>8</p>
        </li>
        <li class="ball-item">
            <p>9</p>
        </li>
        <li class="ball-item">
            <p>0</p>
        </li>
    </ul>
</div>
</body>
</html>